<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="/stylesheets/main.css" />
		<link rel="stylesheet" href="/stylesheets/root.css" />
		<link rel="stylesheet" type="text/css" href="../stylesheets_copy/q/signln/iconfont.css">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>选择院校</title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			.top {
				height: 10vh;
				position: relative;
				display: block;
				width: 100%;
				margin-top: 2vh;

			}
			.iconfont {
				font-family: "iconfont" !important;
				font-size: 4vmax;
				font-style: normal;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
	        .information{
	         font-size: 8vw;
		     width: 100%;
			 display: block;
		     margin: 5vh auto;
			 text-align: center;
	        }
              /* 填写信息 */
			.box{
				width: 100%;
				height: 30vh;
				display: block;
				position: relative;
				margin: 0 auto;
				top:5vh;
				box-sizing: border-box;
			}
        
				

			.picture img{
				    display: block;
					width: 100%;
					position: absolute;
					text-align: center;
					margin-top: -17vh;
					margin-left: 21vh;
				}
				.input-box{
					width: 100%;
					height: 30vh;
					box-sizing: border-box;
					display: block;
				}
				.input-container {  
				  position: relative; /* 相对定位 */  
				  width: 65%; /* 或其他宽度，根据布局需要 */ 
				 /* border: black solid 1vw; */
				  display: block;
				  margin: 10vh auto;
				}  
				  
				.input-container input {  
				 width: 100%;
				 height: 5vh;
				 font-size:2vh;
				 display: block;
				/* border: black solid 2px; */
				 padding: 2vh 3vh 2vh 6vh;/* 为左侧图标留出多余位置 */
				 border-radius: 1vh;  
				 box-sizing: border-box; /* 确保padding不会增加总宽度 */  
				}  
				  
				.input-image {  
				 box-sizing: border-box;
				/* border: black solid 2px; */
				  position: absolute; /* 绝对定位 */  
				  top: 50%; /* 垂直居中 */  
				  transform: translateY(-50%); /* 修正垂直居中 */  
				  left:1vw ;
				  right: 100vw;
				  width: 3vh; /* 图片宽度 */  
				  height: 3vh; /* 图片高度 */  
				  
				}
				
				.box-bottom{
					width: 100%;
					height: 20vh;
					box-sizing: border-box;
					/* border: black solid 1vw; */
				}
				.confirm{
					width: 23vw;
					height: 23vw;
					margin-left: 38%;
					margin-top: 8%;
					background-size: cover;
					background-position: center; 
					background-repeat: no-repeat;
					background-image:url("../images/q/chooicShool/queren.png");
						
				}
				.c{
					background-color: black;
					color: #fff;
					font-size:2.5vh;
					width: 35vw;
					height: 7vh;
					border-radius: 1vh;
					margin-top: 70%;
					margin-left:-25%;
				}
		</style>
	</head>
	<body>
		<form action="/login.html" method="get">
		<div class="top">
			<div class="iconfont return">&#xe62f;</div>
		</div>
		<div class="information">
			<p>院校信息</p>
		</div>
		<div class = "input-box">
		<div class="input-container">  
		  <input type="text" placeholder="请输入您的院校名称">  
		  <img src="../images/q/chooicShool/xuexiao.png" alt="图片" class="input-image">  
		</div>
		
		<div class="input-container">
		  <input type="text" placeholder="请输入您的院校名称">  
		  <img src="../images/q/chooicShool/nianji.png" alt="图片" class="input-image">  
		</div>
		</div>
		<div class="box-bottom">
		 <div class="confirm">
		  <input  class="c" type ="submit" value="确&nbsp;认"> 
		 </div>
		</div>
	</body>
</html>
